<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="shortcut icon" type="text/css" href="./images/bitbug_favicon.ico"/>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	</head>

	<body>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.LBY{
				margin: 0 auto;
				width: 1000px;
				height: 1000px;
			}
			
			.TB {
				height: 16px;
				background: skyblue;
			}
			
			.DHL {
				height: 112px;
				/*background-color: pink;*/
				overflow: hidden;
				position: relative;
			}
			
			.DHL_1 {
				font-size: 0;
				margin-left: 73px;
				margin-top: 34px;
				display: inline-block;
				/*overflow: auto;*/
				vertical-align: top;
				position: absolute;
			}
			
			.nav {
				display: inline-block;
				list-style: none;
				width: 400px;
				height: 15px;
				font-size: 0;
				position: absolute;
				top: 73px;
				left: 264px;
			}
			
			li {
				display: inline-block;
				margin-right: 14px;
			}
			
			.nav li:last-child {
				margin-right: 0;
			}
			
			.nav_1 {
				text-decoration: none;
				color: black;
				font-size: 14px;
			}
			
			.SS{
				width: 216px;
				height: 30px;
				/*margin-left: 48px;*/
				position: absolute;
				top:65px;
				right: 76px;
				box-sizing: border-box;
				padding-left: 5px;
				outline: none;
			}
			.FDJ{
				position: absolute;
				top: 66px;
				right: 77px;
				background: url(images/2_03.jpg);
				width: 37px;
				height: 28px;
				border: none;
				outline: none;
			}
			
			.nav li:hover:after{
				content: "";
				display: block;
				height: 5px;
				width: 60%;
				margin: 0 auto;
				border-bottom: 1px solid #828282;
				/*padding-bottom: 5px;
				*/
			}
			.swiper-container{
				height: 400px;
				width: 999px;
			}
			.WZ{
				width: 900px;
				height: 30px;
				background: #6db6ff;
				margin: 0 auto;
				margin-top: 45px;
				box-sizing: border-box;
				padding:5px;
				position: relative;
				display: inline-block;
				left: 50px;
				color: white;
			}
			.SJX{
				width: 0;
			    height: 0;
			    border-top: 29px solid transparent;
			    border-right: 10px solid transparent;
			    border-left: 10px solid transparent;
			    border-bottom: 29px solid white;
			    position: absolute;
			    top: -28px;
			    left: 69px;
			}
			.text{
				    height: 29px;
				    width: 822px;
				    background: white;
				    position: absolute;
				    top: 1px;
				    left: 79px;
				    vertical-align: text-bottom;
				    padding-top: 3px;
				    color: black;
			}
			.FH{
				color: black;
			}
			.type{
				width: 900px;
				height: 128px;
				margin: 0 auto;
				/*background: hotpink;*/
				margin-top: 30px;
			}
			.type_1{
				height: 38px;
				/*background: green;*/
				margin-bottom: 8px;
				font-size: 0;
			}
			.type_2{
				display: inline-block;
				line-height: 38px;
				height: 38px;
				margin-right: 8px;
				vertical-align: top;
				font-size: 12px;
			}
			li:nth-of-type(3){
				color: skyblue;
			}
			.type_3{
				display: inline-block;
				line-height: 38px;
				height: 38px;
				vertical-align: top;
				font-size: 12px;
			}
			.type_2_1{
				font-weight: 600;
				font-size: 17px;
			}
			.type_2_2{
				font-size: 16px;
			}
			.type_2_3{
				text-decoration: none;
				color: black;
			}
			.type_2_4{
				text-decoration: none;
				color: skyblue;
			}
			.pj{
				width: 900px;
				height: 571px;
				background: #fafafa;
				margin: 0 auto;
				margin-top: 24px;
				border-bottom: 1px solid skyblue;
				border-top: 1px solid skyblue;
				position: relative;
			}
			.title{
				width: 750px;
				height: 38px;
				background: skyblue;
				margin: 0 auto;
				position: relative;
				overflow: hidden;
				bottom: 1px;
			}
			.SJX1{
				width: 0;
			    height: 0;
			    border-top: 38px solid transparent;
			    border-right: 15px solid white;
			    border-left: 0px solid transparent;
			    border-bottom: 38px solid transparent;
			    display: inline-block;
			    position: absolute;
			    bottom: 2px;
			}
			.SJX2{
				width: 0;
			    height: 0;
			    border-top: 38px solid transparent;
			    border-right: 0px solid transparent;
			    border-left: 15px solid white;
			    border-bottom: 38px solid transparent;
			    display: inline-block;
			    position: absolute;
			    right: 0;
			    bottom: 0;
			}
			.title_1{
				width: 720px;
				height: 37px;
				background: white;
				margin: 0 auto;
			}
			.table{
				width:752px ;
				height: 571px;
				background: transparent;
				position: absolute;
				top: 0px;
				left: 55px;
			}
			table{
				width: 752px;
			}
			.tr_1{
				height: 30px;
				
			}
			.th_1{
				width: 200px;
			}
			.th_2{
				width: 150px;
			}
			.th_3{
				width: 100px;
			}
			td{
				font-size: 12px;
				text-align: center;
				height: 42px;
			}
			.pag{
				margin: 0 auto;
				width: 1000px;
				height: 18px;
				text-align: center;
				margin-top: 18px;
			}
			a{
				text-decoration: none;
			}
			.pag_1{
				width: 20px;
			}
			.pag_2{
				background: #e5e5e5;
				border: none transparent;
			}
			.pag_2:hover{
				background: #6db6ff;
				color: white;
			}
			.hr{
				width: 1000px;
				height: 1px;
				background: #b6daff;
				margin-top: 18px;
			}
			.AB{
				width: 1000px;
				height: 158px;
				/*background: pink;*/
				font-size: 0;
				margin-top: 35px;
			}
			.JJ{
				width: 168px;
				height: 100px;
				display: inline-block;
				/*background: yellow;*/
				vertical-align: top;
			}
			.BZ{
				width: 165px;
				height: 100px;
				display: inline-block;
				/*background: green;*/
			}
			.GY{
				width: 166px;
				height: 103px;
				display: inline-block;
				/*background: purple;*/
			}
			.DH{
				width: 125px;
				height: 103px;
				display: inline-block;
				/*background: red;*/
			}
			h1{
				font-size: 16px;
				margin-bottom: 20px;
			}
			p{
				font-size: 12px;
				margin: 10px 0px;
			}
			.FW{
				width: 375px;
				height: 103px;
				/*background: hotpink;*/
				display: inline-block;
				vertical-align: top;
				position: relative;
				
			}
			.img_7{
				display: inline-block;
			}
			.FW_1{
				width: 156px;
				height: 60px;
				/*background: yellow;*/
				display: inline-block;
				vertical-align: top;
				font-size: 14px;
			}
			b{
				font-size: 20px;
			}
			.b_1{
				margin-left: 5px;
			}
			.SJ{
				width: 174px;
				height: 60px;
				/*background: green;*/
				display: inline-block;
				vertical-align: top;
				position: relative;
				font-size: 13px;
			}
			.GZ{
				position: absolute;
				right: 45px;
				bottom: 0;
			}
			.EWM{
				font-size: 12px;
				position: absolute;
				bottom: -25px;
			}
			.foot{
				height: 70px;
				background: #6db6ff;
				/*text-align: center;*/
				position: relative;
			}
			.BQ{
				position: absolute;
				top: 45px;
				left: 311px;
				font-size: 14px;
				font-weight: normal;
			}
			 
		</style>

		<div class="LBY">
			<!--网页头部-->
			<div class="TB"></div>
			<!--导航栏-->
			<div class="DHL">
				<div class="DHL_1">
					<a href="#" class="img1"><img src="images/1_03.jpg"/></a>鼎搜网
				</div>
				<ul class="nav">
					<li><a class="nav_1" href="index.html">首页</a></li>
					<li><a class="nav_1" href="list.html">鼎搜投资</a></li>
					<li><a class="nav_1" href="zhuce.html">鼎搜服务</a></li>
					<li><a class="nav_1" href="denglu.html">鼎搜动态</a></li>
					<li><a class="nav_1" href="xiangxi.html">鼎搜诚聘</a></li>
					<li><a class="nav_1" href="#">鼎搜公益</a></li>
				</ul>
				<form action="" method="post">
					<input type="text" class="SS" value="" />
					<button type="submit" class="FDJ"></button>
				</form>
				
				
			</div>
			<!--轮播图-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			        <div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			        <div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			    </div>    
			        	
			     <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<script type="text/javascript">
				var mySwiper = new Swiper ('.swiper-container', {
//			    direction: 'vertical', // 垂直切换选项
			    loop: true, // 循环模式选项
			    autoplay:true,
			    // 如果需要分页器
			    pagination: {
			      el: '.swiper-pagination',
			      
			    },})
			</script>
			<!--当前位置-->
			<div class="WZ">
				当前位置
				<div class="SJX"></div>
				<div class="text">
					：<a href="index.html" class="FH">主页</a> > <a href="#" class="FH">我要投资</a> > <a href="list.html" class="FH">投资列表</a>
				</div>
			</div>
				
			<!--类型/行业/地区-->	
			<div class="type">
				<div class="type_1">
					<ul>
						<li class="type_2"><img src="images/10_03.jpg"/></li>
						<li class="type_2 type_2_1">按类型 :</li>
						<li class="type_2 type_2_2"><a href="" class="type_2_4">全部</a></li>
						<li class="type_2"><a href="" class="type_2_3">股份转让</a></li>
						<li class="type_2"><a href="" class="type_2_3">债券转让</a></li>
						<li class="type_2"><a href="" class="type_2_3">实物资产</a></li>
						<li class="type_2"><a href="" class="type_2_3">工美藏品</a></li>
						<li class="type_2"><a href="" class="type_2_3">知识产权</a></li>
						<li class="type_2"><a href="" class="type_2_3">经营产权</a></li>
						<li class="type_2"><a href="" class="type_2_3">房产</a></li>
						<li class="type_2"><a href="" class="type_2_3">矿权</a></li>
						<li class="type_2"><a href="" class="type_2_3">林权</a></li>
						<li class="type_2"><a href="" class="type_2_3">融资</a></li>
						<li class="type_3"><a href="" class="type_2_3">更多</a></li>
					</ul>
				</div>
				<div class="type_1">
					<ul>
						<li class="type_2"><img src="images/11_03.jpg"/></li>
						<li class="type_2 type_2_1">按行业 :</li>
						<li class="type_2 type_2_2"><a href="" class="type_2_4">全部</a></li>
						<li class="type_2"><a href="" class="type_2_3">房地产业</a></li>
						<li class="type_2"><a href="" class="type_2_3">电子通讯</a></li>
						<li class="type_2"><a href="" class="type_2_3">电力工业</a></li>
						<li class="type_2"><a href="" class="type_2_3">煤炭工业</a></li>
						<li class="type_2"><a href="" class="type_2_3">冶金矿产</a></li>
						<li class="type_2"><a href="" class="type_2_3">机械制造</a></li>
						<li class="type_2"><a href="" class="type_2_3">基础设施</a></li>
						<li class="type_2"><a href="" class="type_2_3">建筑建材</a></li>
						<li class="type_2"><a href="" class="type_2_3">物流仓库</a></li>
						<li class="type_3"><a href="" class="type_2_3">更多</a></li>
					</ul>
				</div>
				<div class="type_1">
					<ul>
						<li class="type_2"><img src="images/12_03.jpg"/></li>
						<li class="type_2 type_2_1">按地区 :</li>
						<li class="type_2 type_2_2"><a href="" class="type_2_4">全部</a></li>
						<li class="type_2"><a href="" class="type_2_3">北京</a></li>
						<li class="type_2"><a href="" class="type_2_3">天津</a></li>
						<li class="type_2"><a href="" class="type_2_3">上海</a></li>
						<li class="type_2"><a href="" class="type_2_3">重庆</a></li>
						<li class="type_2"><a href="" class="type_2_3">河北</a></li>
						<li class="type_2"><a href="" class="type_2_3">山西</a></li>
						<li class="type_2"><a href="" class="type_2_3">浙江</a></li>
						<li class="type_2"><a href="" class="type_2_3">辽宁</a></li>
						<li class="type_2"><a href="" class="type_2_3">吉林</a></li>
						<li class="type_2"><a href="" class="type_2_3">湖北</a></li>
						<li class="type_2"><a href="" class="type_2_3">江苏</a></li>
						<li class="type_2"><a href="" class="type_2_3">安徽</a></li>
						<li class="type_2"><a href="" class="type_2_3">福建</a></li>
						<li class="type_2"><a href="" class="type_2_3">江西</a></li>
						<li class="type_2"><a href="" class="type_2_3">台湾</a></li>
						<li class="type_2"><a href="" class="type_2_3">香港</a></li>
						<li class="type_2"><a href="" class="type_2_3">澳门</a></li>
						<li class="type_2"><a href="" class="type_2_3">广东</a></li>
						<li class="type_3"><a href="" class="type_2_3">更多</a></li>
					</ul>
				</div>
			</div>	
				
			<!--项目名称-->
			<div class="pj">
				<div class="title">
					<div class="SJX1"></div>
					<div class="SJX2"></div>
					<div class="title_1"></div>
				</div>
				<div class="table">
					<table border="0" cellspacing="" cellpadding="">
						<tr class="tr_1">
							<th class="th_1">项目名称</th>
							<th class="th_2">所在地区</th>
							<th class="th_3">行业</th>
							<th class="th_4">类型</th>
							<th class="th_5">发布时间</th>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						<tr>
							<td>[广州天河龙洞]可圈可点茶餐厅</td>
							<td>广东</td>
							<td>餐饮餐馆</td>
							<td>股权转让</td>
							<td>2015-06-09</td>
						</tr>
						
					</table>
				</div>
			</div>
			<div class="pag">
				<a href="#"><input type="button" id="" value="上一页" class="pag_2"/> </a>
				<a href="#"><input type="button" id="" value="1" class="pag_2 pag_1" /> </a>
				<a href="#"><input type="button" id="" value="2" class="pag_2 pag_1"/> </a>
				<a href="#"><input type="button" id="" value="3" class="pag_2 pag_1"/> </a>
				<a href="#"><input type="button" id="" value="4" class="pag_2 pag_1"/> </a>
				<a href="#"><input type="button" id="" value="5" class="pag_2 pag_1"/> </a>
				<a href="#"><input type="button" id="" value="下一页" class="pag_2"/> </a>
				
			</div>	
			<!--分割线-->
			<div class="hr">
				
			</div>	
				
			<!--底部-->
			<div class="AB">
				<div class="JJ">
					<h1>简介</h1>
					<p>鼎搜网简介</p>
					<p>鼎搜服务</p>
					<p>会员身份实名认证</p>
				</div>
				<div class="BZ">
					<h1>帮助</h1>
					<p>用户注册</p>
					<p>关于鼎搜</p>
					<p>在线咨询</p>
				</div>
				<div class="GY">
					<h1>共赢</h1>
					<p>网站合作</p>
					<p>用户协议</p>
					<p>会员身份实名认证</p>
				</div>
				<div class="DH">
					<h1>导航</h1>
					<p>地图首页</p>
					<p>职能分类</p>
					<p>企业目录</p>
				</div>
				<div class="FW">
					<div class="img_7">
						<img src="images/7_03.jpg"/>
					</div>
					<div class="FW_1">
						<b>全国服务热线</b><br />
						<b>440-880-1179</b><br />
						<span>邮箱dinsoo@163.com</span>
					</div>
					<div class="SJ">
						<span>投诉电话:4408801179</span><br />
						<span>周一至周六:9:30-20:00</span>
						<div class="GZ">
							<img src="images/8_03.jpg"/>
						</div>
					</div>
					<div class="EWM">
						<img src="images/6_03.jpg"/><b class="b_1">订阅信息</b>
					</div>
				</div>
			</div>
			<div class="foot">
				<b class="BQ">Copyright&copy;2015 鼎搜网(www.dinsoo.com)版权所有</b>
			</div>
		</div>
	</body>

</html>